html
  font-size 16px

  @media (max-width $xs-max-width)
    font-size 12px

body
  background-color $bg-color
  color #666
  font-family $body-font
  padding-top $top-bar-height

  @media (max-width $xs-max-width)
    padding $mobile-top-bar-height 0 $mobile-bottom-bar-height

h1, h2, h3
  font-family $heading-font
  margin-bottom 0

  @media (min-width $sm-min-width)
    &
      font-weight 200

  @media (max-width $xs-max-width)
    &
      font-weight normal

a
  color $active-color

  &:hover
    text-decoration underline

.visually-hidden
  border 0
  clip rect(0,0,0,0)
  position absolute
  width 1px
  height 1px
  margin -1px
  overflow hidden
  padding 0
